@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
form,
input,
textarea,
blockquote,
th,
td,
p,
a{margin: 0;padding: 0;color: #666;-webkit-box-sizing: border-box;box-sizing: border-box;}
*{-webkit-margin-before: 0;-webkit-margin-after: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,
img{border: 0;margin: 0;padding: 0;}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{font-style: normal;font-weight: normal}
ol,
ul,
li{list-style: none}
input,
textarea{outline: none;-webkit-tap-highlight-color: transparent;}
input:focus,
textarea:focus{outline: none;}
textarea{resize: none;}
a{text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;}
html{width: 100%;height: 100%;-webkit-text-size-adjust: none;}
body{font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", '微软雅黑', 'STHeiti', '华文细黑', sans-serif;background:#F1F1F1;width: 100%;height: 100%;margin: 0 auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-size: 14px;overflow-x: hidden;}
.zcomdiv{width: 100%;height: auto;overflow: hidden;}
.f_left{float: left;}
.f_right{float: right;}
.clearb{clear: both;height: 0;width: 100%;font-size: 0;overflow: hidden;}
.nobreak_{overflow: hidden;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}
.header{height: 1.1rem;background: #fff;width: 7.5rem;}
.header .logo{width: 3.14rem;margin: 0.2rem 0 0 0.24rem;}
.user_{height: 0.6rem;width: 1rem;margin: 0.24rem 0.1rem 0 0;}
.user_ span{display: block;width: 0.32rem;height: 0.32rem;background-position: -3.6rem -0.4rem;margin: 0 auto;}
.user_ a{display: block;text-align: center;font-size: 0.2rem;color: #333;line-height: 0.2rem;margin-top: 0.08rem;}
.search{height: 0.8rem;width: 100%;position: relative;background: #fff;overflow: hidden;}
.search input{text-align: center;width: 7.06rem;height: 100%;border: none;font-size: 0.28rem;padding: 0 0.2rem;background: #fafafa;color: #555;display: block;margin: 0 auto;border-radius: 0.16rem;}
.searchbtn{width: 0.56rem;height: 0.8rem;position: absolute;right: 0.3rem;top: 0;background: #fafafa;border-radius: 0.16rem;}
.searchbtn i{display: block;background-position: -1rem -1.44rem;width: 0.26rem;height: 0.26rem;margin: 0.24rem 0 0 0.14rem;}
.wapicon,.ibefore:before,.iafter:after{background-image: url(//www.360doc.cn/images/index/wap360icon.png?2023120701);background-repeat: no-repeat;background-size: 5rem;}
.ibefore:before,.iafter:after{content:'';display: inline-block;}
nav{width: 7.5rem;position: absolute;left: 0;background-color: #fff;top: 1.9rem;z-index: 9998;height: 0.98rem;}
nav.navfixed{position: fixed;top: 0;left: 0;height: auto;overflow: hidden;box-shadow: 0 0.02rem 0.1rem 0 rgb(0 0 0 / 12%);}
.navH{height: 1.08rem;}
.openapp_{width: 1.44rem;float: right;height: 0.62rem;text-align: center;line-height: 0.62rem;font-size: 0.26rem;color: #02BE5E;font-weight: 600;margin: 0.24rem 0.22rem 0 0;background: rgba(148,255,200,0.17);border-radius: 0.16rem;border: 0.02rem solid #07C160;}
.nav_leftbar{float: left;width: 6.58rem;height: 0.6rem;overflow: auto;overflow-y: hidden;margin-left: 0.1rem;margin-top: 0.19rem;}
.nav_leftbar ul{height: 100%;overflow: hidden;width: 23.7rem;}
.nav_leftbar ul li{height: 100%;font-size: 0.32rem;line-height: 0.6rem;padding: 0 0.21rem;float: left;position: relative;color: #555;}
.nav_leftbar ul li:last-of-type{padding-right: 0;}
.nav_leftbar ul li i{position: absolute;width: 0.54rem;height: 0.28rem;background-position: -3.78rem 0;top: 0;right: -0.16rem;}

.nav_leftbar ul li.cur{color: #07C160 !important;font-weight:500;}
.nav_leftbar ul li.cur a {
		color: #07C160 !important;
	}
.nav_pulldown{float: right;width: 0.8rem;height: 0.98rem;display: flex;justify-content: center;align-items: center;}
.nav_pulldown:before{width:0.32rem;height: 0.26rem;background-position: -3.14rem -0.4rem;}
nav.cur .nav_pulldown:before{width: 0.25rem;height: 0.25rem;background-position: -3.14rem -0.8rem;}
nav.cur+.nav_pulldown_div{opacity: 1;height: 100%;}

nav.navfixed+.nav_pulldown_div{position: fixed;left: 0;top: 0.98rem;}
.common_cycle{width: 6.9rem;height: 4.6rem;margin: 0 auto;border-radius: 0.1rem;}
.common_cycle ul li{width: 6.9rem;height: 4.6rem !important;overflow: hidden;}
.common_cycle ul li a{display: block;position: relative;width: 100%;height: 100%;}
.common_cycle ul li a img{width: 100%;height: 100%;}
.common_cycle ul li a span{display: block;font-size: 0.35rem;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;text-indent: 0.2rem;height: 1.1rem;line-height: 1.1rem;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%, #000);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%, #000);background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%, #000);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 60%, #000);}

.common_cycle div.top_cyclepager{height: 0.28rem;overflow: hidden;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;font-size: 0;z-index: 2;}
.common_cycle div.top_cyclepager span.swiper-pagination-bullet{overflow: hidden;opacity: 1;background: #999;margin: 0 0.09rem;-webkit-transition: .3s;transition: .3s;border-radius: 50%;}
.common_cycle div.top_cyclepager span.swiper-pagination-bullet-active{background: #fff;}

.article_card{margin-top: 0.2rem;width: 7.5rem;height: auto;padding: 0.3rem;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
.article_card h2{width: 100%;height: 0.6rem;border-bottom: solid 0.04rem #07C160;padding: 0;font-size: 0.4rem;color: #07C160;font-weight: normal;position: relative;font-weight: bold;}
.article_card h2 i,.article_card h2 a.more{font-weight: normal;color: #8E8E93;font-size: 0.32rem;position: absolute;right: 0;height: 0.6rem;line-height: 0.5rem;}
.article_card h2 p.ptab{float: left;color: #8E8E93;margin-right: 0.16rem;}
.article_card h2 p.cur{color: inherit !important;}

.article_card h3{font-size: 0.38rem;line-height: 0.52rem;padding: 0.12rem 0;font-weight: bold;border-bottom: solid 0.03rem #D8D8D8;padding: 0.13rem 0;}

.article_card h2 a,
.article_card h3 a{color: #282828;}
.article_card h3+.ul_type1 li:last-child{border-bottom: none;}
.article_card .ul_type1:last-of-type li:last-of-type{border-bottom: none;}
.ul_type1+h3{border-top: solid 0.03rem #D8D8D8;}
.ul_type1 li{height: 0.88rem;border-bottom: solid 1px #D8D8D8;font-size: 0.38rem;line-height: 0.88rem;}
.ul_type1 li i.i0{display: inline-block;width: 0.2rem;height: 0.2rem;border-radius: 50%;background: #F6A623;margin-right: 0.2rem;margin-left: 0.05rem;}
.ul_type1 li a{color: #333;}
.ul_type1 li i.i1{display: inline-block;text-align: center;overflow: hidden;width: 0.33rem;height: 0.42rem;color: #fff;font-size: 0.24rem;line-height: 0.52rem;background-position: -1.05rem -0.64rem;vertical-align: text-bottom;margin: 0 0.1rem 0 0.02rem;}
.ul_type1 li:nth-child(1) i.i1{background-position: 0 -0.64rem}
.ul_type1 li:nth-child(2) i.i1{background-position: -0.34rem -0.64rem}
.ul_type1 li:nth-child(3) i.i1{background-position: -0.69rem -0.64rem}
.nav_pulldown_div{width: 7.5rem;height: 0;position: absolute;top: 2.84rem;background: #f4f5f6;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 0.3rem;-webkit-transition: height .3s, opacity .7s;transition: height .3s, opacity .7s;overflow: hidden;opacity: .4;z-index: 9999;}

.navul_2 {text-align: center;margin-top: 0.5rem;width: 100%;height: auto;}

.navul_2 li{float: left;margin-right: 0.11rem;margin-bottom: 0.12rem;width: 1.64rem;height: 0.72rem;border: solid 1px #E8E8E8;background: #fff;font-size: 0.34rem;color: #515051;line-height: 0.72rem;letter-spacing: -0.0048rem;border-radius: 0.12rem;}
.navul_2 li:nth-child(4n){margin-right: 0;}
.navul_2 li.lte32{font-size: 0.32rem;}
.navul_2 li.lte30{font-size: 0.3rem;}
.navul_2 li.cur{color: #07C160;}

.nav_pulldown_div .p1 {font-size: 0.32rem;color: #2B2B2D;margin-top: 0.08rem;height: 0.64rem;}
.read_type li{float: left;width: 2.18rem;height: 0.72rem;border: 1px solid #E8E8E8;background-color: #fff;font-size: 0.32rem;line-height: 0.72rem;text-indent: 0.72rem;margin-right: 0.2rem;position: relative;border-radius: 0.12rem;}
.read_type li.cur{background-color:#07C160;color: #fff;}
.read_type li i{position: absolute;display: block;width: 0.32rem;height: 0.33rem;left: 0.2rem;top: 0.2rem;}
.read_type li:nth-child(1) i{background-position: 0 -0.28rem;}
.read_type li:nth-child(1).cur i{background-position: -0.33rem -0.28rem;}
.read_type li:nth-child(2) i{background-position: -0.66rem -0.28rem;}
.read_type li:nth-child(2).cur i{background-position: -0.99rem -0.28rem;}
.ul_type2 li{min-height: 1.2rem;border-bottom: solid 1px #D8D8D8;padding-top:0.15rem;padding-bottom: 0.05rem;font-size: 12px;}
.ul_type2 li:last-child{border: none;padding-bottom: 0;}
.ul_type2 li a{font-size: 0.38rem;color: #282828;line-height: 0.52rem;}
.ul_type2 li span{display: block;font-size: 0.3rem;color: #999;line-height: 0.42rem;margin-top: 0.06rem;}

/*好书推荐*/
.ul_goodbook:after{content: '';clear: both;width: 100%;display: block;height: 0;}
.ul_goodbook li{float: left;width: 2.14rem;height: 3.92rem;margin: 0.3rem 0.24rem 0 0;}
.ul_goodbook li:nth-of-type(3n){margin-right: 0;}
.ul_goodbook li:nth-of-type(n+3){height: auto;}
.ul_goodbook li a.face{height: 3rem;display: block;position: relative;box-shadow:0 0 0.1rem 0.02rem rgba(190,190,190,0.1);
border:1px solid rgba(0,0,0,0.1);}
.ul_goodbook li a.face img{width: 100%;height: 100%;}
.ul_goodbook li a.face span{width:0.8rem;height:0.4rem;background:rgba(0,0,0,0.8);border-radius:0.04rem;line-height: 0.4rem;text-align: center;font-size: 0.2rem;color: #fff;position: absolute;left: 0.1rem;bottom: 0.1rem;border:1px solid rgba(255,255,255,0.5);}
.ul_goodbook li p{height:0.74rem;max-height: 0.74rem;font-size:0.26rem;color:#494F5A;line-height:0.37rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.18rem;}
.ul_goodbook li:nth-of-type(n+4) p{height: auto;}

/*好书推荐end*/
.tab_class{width: 7.5rem;height: 0.9rem;background: #f1f1f1;margin: 0.2rem 0 0.1rem -0.3rem;overflow: hidden;position: relative;}
.tab_class_list{width: 100%;padding: 0 0.3rem;height: 0.9rem;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.tab_class_list li{-webkit-box-flex: 1;box-flex: 1;flex: auto;text-align: center;margin-right: .2rem;height: 0.9rem;line-height: 0.9rem;color: #666;font-size: 0.32rem;}
.tab_class_list li.cur{color: #282828;border-bottom: solid 2px #07C160;}
a.pic-text{display: block;width: 100%;height: 2.4rem;overflow: hidden;margin-top: 0.2rem;}
a.pic-text img{float: left;height: 2.4rem;width: 3.2rem;}

a.pic-text div{float: right;width: 3.54rem;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;height: 2.4rem;-webkit-box-orient: vertical;box-orient: vertical;-webkit-box-pack: center;box-pack: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;-webkit-align-content: center;align-items: center;align-content: center;}

a.pic-text div .p1{width: 100%;font-weight: bold;color: #282828;font-size: 0.34rem;}
a.pic-text div .p2{color: #666;font-size: 0.28rem;margin-top: 0.2rem;}
.article_card h2+.tab_class{margin-top: 0;}
.ul_type3{padding-top: 0.2rem;}
.ul_type3 li{width: 3.35rem;float: left;height: auto;overflow: hidden;margin-right: 0.2rem;}
.ul_type3 li:nth-of-type(2n){margin-right: 0;}
.ul_type3 li img{width: 3.35rem;height: 2.24rem;}
.ul_type3 li span{display: block;width: 100%;font-size: 0.36rem;color: #282828;height: 0.92rem;line-height: 0.65rem;text-align: center;}
footer{background: #fff;height: 3.5rem;}
.foot_nav{width: 100%;padding: 0 0.3rem;height: 0.96rem;border-top: solid 4px #07C160;line-height: 0.9rem;border-bottom: solid 1px #d8d8d8;text-align: center;}
.foot_nav a{font-size: 0.36rem;color: #282828;display: inline-block;margin: 0 0.3rem;}
.foot_nav a:nth-of-type(1){margin-left: 0;}
.foot_nav a:nth-of-type(4){margin-right: 0;}
.foot_link{font-size: 0;text-align: center;height: 0.33rem;margin-top: 0.4rem;}
.foot_link a,
.foot_link span{font-size: 0.24rem;color: #282828;}
.foot_link a:nth-of-type(2){color: #07C160;}
.foot_copyright{font-size: 0.24rem;color: #ABAFB6;text-align: center;margin-top: 0.3rem;}
.foot_copyright a{color: #ABAFB6;}
.foot_copyright+.foot_copyright{margin-top: 0.16rem;}
.content-panel{min-height: 12rem;background: #fff;margin-top: 0;}

.secondary_nav{width:7.5rem;height:0.8rem;padding:0 0.1rem;overflow:hidden;border-bottom:solid 1px #d8d8d8;margin-top:-0.8rem}
.secondary_nav ul li{float:left;height:0.78rem;padding:0 0.25rem;font-size:0.28rem;color:#262626;line-height:0.8rem;text-align:center;position:relative}
.secondary_nav ul li.cur{color:#07C160;font-weight:500}
.secondary_nav ul li.cur:after{content:'';width:50%;height:0.06rem;border-radius:0.03rem;background:#07C160;position:absolute;bottom:0;left:25%}
.secondary_nav.hasnav2{margin-top:0px;background:#fff}
nav>div.zcomdiv{border-bottom:solid 1px #e1e1e4;height: 0.98rem;}
.navH2{height: 1.88rem;}
.article_ul{height: auto;background: #fff;}
.article_ul li{min-height: 1.9rem;min-height: 1.16rem;border-bottom: solid 1px #ddd;padding: 0.2rem 0;height: auto;overflow: hidden;position: relative;}
.article_ul li .play{width: 0.64rem;height: 0.64rem;position: absolute;right: 0.8rem;top: 0.6rem;}
.article_ul li .play:before{width: 0.64rem;height: 0.64rem;background-position: -2.4rem -0.4rem;}
.article_ul li:first-child{padding-top: 0;}
.article_ul li img{width: 2.22rem;margin-right:0.12rem;height: 1.48rem;border-radius: 0.08rem;}
.article_ul li img:last-of-type{margin: 0;}
.article_ul.type_tradition li img,
.article_ul.type_tradition li .arti_photo{display: none;}
.article_ul.type_tradition li .arti_leftinfo{width: 100%;}
.article_ul.type_tradition li .arti_leftinfo .p1{height: auto;}
.article_ul li .arti_leftinfo{float: left;width: 4.42rem;}
.article_ul li .arti_leftinfo .p1{color: #282828;font-size: 0.38rem;line-height: 0.48rem;height: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.article_ul li .p2{color: #999;font-size: 0.24rem;}
.article_ul li .p2{margin-top: 0.15rem;}
.article_ul li .p2 span:nth-of-type(1){margin-right: 0.2rem;}
.article_ul li .arti_title{color: #282828;font-size: 0.38rem;line-height: 0.48rem;word-break: break-all;}
.article_ul li .arti_photo{height: 1.48rem;margin-top: 0.1rem;}
.article_ul li .arti_photo+.p2{margin-top: 0.12rem;}
.arti_collect li{height: 1.2rem;padding-top: 0.14rem;overflow: hidden;border-bottom: solid 1px #d8d8d8;}
.arti_collect li .f_left{width: 1.1rem;text-align: center;overflow: hidden;}
.arti_collect li .f_left p{font-size: 0.4rem;height: 0.5rem;line-height:0.48rem;color: #FD6502;}
.arti_collect li .f_left span{font-size: 0.28rem;color: #999;line-height: 0.4rem;margin-top: 0.06rem;display: inline-block;}
.arti_collect li .f_left span:before{content: '转藏数';}
.arti_collect li .f_right{width: 5.76rem;}
.arti_collect li .f_right p{color: #282828;font-size: 0.38rem;height: 0.5rem;line-height:0.48rem;}
.arti_collect li .f_right span{color: #999;line-height:0.4rem;font-size: 0.28rem;margin-top: 0.06rem;display: inline-block;}
.lib_firend li{height: auto;overflow: hidden;border-bottom: solid 1px #d8d8d8;padding: 0.3rem;}
.lib_firend.t2 li{border-bottom: solid 0.1rem #efeff4;}
.lib_firend li .lf_pic{float: left;width: 0.8rem;font-size: 0;}
.lib_firend li .lf_pic img{width: 0.8rem;height: 0.8rem;}
.lib_firend li .lf_pic span{width: 0.62rem;height: 0.3rem;background: #4990E2;border-radius: 2px;margin: 0.1rem auto 0;line-height: 0.3rem;text-align: center;font-size: 0.22rem;color: #fff;display: block;overflow: hidden;}
.lib_firend li .lf_pic span:before{content: 'No.';}
.lib_firend li:nth-of-type(n+11) .lf_pic span:before{content: '';}
.lib_firend li:nth-of-type(1) .lf_pic span{background: #F75249;}
.lib_firend li:nth-of-type(2) .lf_pic span{background: #FD7D00;}
.lib_firend li:nth-of-type(3) .lf_pic span{background: #FF9200;}
.lib_firend li i{font-size: 0.32rem;color: #999;font-style: normal;}
.lib_firend li i:before{content: '发表了评论';margin-left:0.2rem;}
.lf_right{float: right;width: 5.9rem;}
.lf_name{height: 0.54rem;width: 5.9rem;position: relative;}
.lf_name a{color: #576B95;font-size: 0.34rem;line-height:0.48rem;}
.lf_name span{position: absolute;width: 1.12rem;height: 0.5rem;border: solid 1px #ccc;border-radius: 0.05rem;top: 0;right: 0;background: -webkit-linear-gradient(-180deg, #FEFEFE 0%, #FAFAFA 100%);background: -o-linear-gradient(-180deg, #FEFEFE 0%, #FAFAFA 100%);background: -moz-linear-gradient(-180deg, #FEFEFE 0%, #FAFAFA 100%);background: linear-gradient(-180deg, #FEFEFE 0%, #FAFAFA 100%);text-align: center;line-height: 0.52rem;font-size: 0.26rem;}
.lf_name span.n{color: #07C160;}
.lf_name span.y{color: #999}
.lf_name span.n:before{content: '+';}
.lf_name span.y:before{content: '已';}
.star_tag dl{width: 2rem;float: left;height: 0.3rem;overflow: hidden;margin-top: 0.1rem;}
.star_tag dl dd{float: left;width: 0.28rem;height: 0.28rem;background-position: 0 -1.09rem;margin-right: 0.1rem}
.star_tag dl dd.s1{background-position: -0.3rem -1.09rem;}
.star_tag dl dd.s2{background-position: -0.6rem -1.09rem;}
.star_tag .tag_{color: #212121;font-size: 0.34rem;height: 0.54rem;float: left;width: 3.8rem;line-height: 0.54rem;}
.lf_arti dd{width: 5.9rem;height: 1.3rem;background: #F3F3F5;overflow: hidden;margin-top: 0.1rem;padding: 0.15rem;}
.lf_arti dd img{float: left;width: 1rem;height: 1rem;}
.lf_arti dd img+p{float: right;width: 4.5rem;}

.lf_arti dd p{line-height: 0.53rem;font-size: 0.36rem;color: #333;height: 100%;overflow: hidden;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-moz-box-align: center;-webkit-box-align: center;-o-box-align: center;box-align: center;-webkit-align-items: center;align-items: center;}

.lf_arti dd p span{display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 2;}
.lf_arti dd p span em:before{margin-right: 0;}
.lf_arti dd p.j span:before{content: '【荐】';color: #f59823;}
.lf_artistr{width: 5.9rem;height: 0.88rem;background: #F4F5F7;font-size: 0.34rem;color: #999;line-height: 1.5;padding: 0.2rem 0.1rem;}
.lf_artistr:before{content: '《';float: left;}
.lf_artistr:after{content: '》';float: left;}
.lf_artistr a{float: left;max-width: 4.8rem;}
.lf_right .lf_text{font-size: 0.38rem;line-height: 0.54rem;color: rgba(0, 0, 0, 0.87);margin-bottom: 0.1rem;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;font-family: 'sans-serif';}
.lf_right .line_max6{-webkit-line-clamp: 6;}
.lf_right .lf_unhide{height: 0.5rem;font-size: 0.34rem;color: #576B95;width: 1.6rem;}
.lf_right .lf_unhide:before{content: '显示全部';}
.data_loading{width: 100%;height: 1rem;overflow: hidden;background: url(//www.360doc.cn/images/index/loading.gif) no-repeat center center;background-size: 0.4rem;text-align: center;}
.data_loading.nodata{background: none;line-height: 1rem;}
.data_loading.nodata:before{content: '暂无数据';}
.article_card_border{width: 7.5rem;height: 0.2rem;background: rgba(201, 201, 206, 0.54);margin: 0 0 0.1rem -0.3rem;}
.article_card h2 a.refresh{display: block;width: 0.37rem;height: 0.29rem;float: right;margin: .1rem 1.05rem 0 0;background-position: 0 -1.45rem;}
.article_card_border:nth-of-type(1){display:none;}
.secondary_nav ul li.refresh:before{content: '';display: block;width: 0.37rem;height: 0.3rem;background: url(//www.360doc.cn/images/index/wap360icon.png?2023120701) no-repeat;background-size: 5rem;background-position: 0 -1.45rem;margin: 0.26rem auto 0;overflow: hidden;}
.file_excel:before,
.file_pdf:before,
.file_ppt:before,
.file_rtf:before,
.file_txt:before,
.file_word:before,
.file_video:before{content: '';width: 0.32rem;height: 0.40rem;background: url(//www.360doc.cn/images/index/wap360icon.png?2023120701) no-repeat;background-size: 5rem;float: left;margin-top: 0.04rem;margin-right: 0.1rem;background-position-y: -1.81rem;}
.file_excel:before{background-position-x: -2.04rem;}
.file_pdf:before{background-position-x: 0;}
.file_ppt:before{background-position-x:-0.4rem ;}
.file_rtf:before{background-position-x:-0.81rem ;}
.file_txt:before{background-position-x: -1.22rem;}
.file_word:before{background-position-x:-1.63rem ;}
.file_video:before{background-position-x:-2.46rem ;}
.tanchu{position:fixed;height:81px;width:192px;overflow:hidden;background-size:192px 81px;background-image: url(//www.360doc.cn/images/tip2.png);background-repeat: no-repeat; bottom:5px; left:50%; margin-left:-96px;z-index: 9999;}

.arrowup{position: fixed;width: 0.8rem;height: 0.8rem;z-index: 999;background-position:-1.56rem 0 ;bottom: 0.1rem;right: 0.1rem;display:none;}

/*读书*/
.book_banner{height: 3.2rem;display: block;overflow: hidden;border-radius:0.1rem;}
.book_banner img{width: 100%;height: 100%;}
.article_card h4{height: 0.54rem;overflow: hidden;margin-top: 0.4rem;font-weight: 500;width: 100%;clear: both;}
.article_card h4 p{float: left;font-size: 0.38rem;color: #212732;line-height: 0.54rem;}
.article_card h4 a{float: right;line-height: 0.54rem;color: #07C160 ;font-size: 0.34rem;}
.booklist_1{width: 100%;height: auto;margin-top: 0.3rem;}
.booklist_1 li{width: 2rem;height: auto;float: left;margin-right: 0.45rem;}
.booklist_1 li .pic{display: block;width: 2rem;height: 2.8rem;overflow: hidden;position: relative;box-shadow:0 0 0.1rem 0.02rem rgba(190,190,190,0.1);border:0.02rem solid rgba(0,0,0,0.1);box-sizing: border-box;-webkit-box-sizing: border-box;}

.booklist_1 li .pic i{position: absolute;left: 0;top: 0;width: 0.9rem;height: 0.9rem;background: url(//www.360doc.cn/images/index/xs.png) no-repeat;background-size: 100%;}
.booklist_1:after,.booklist_3:after{content: '';display: block;width: 100%;height: 0;clear: both;}
.booklist_1 li:last-child{margin-right: 0;}
.booklist_1 li p{min-height: 0.4rem;max-height: 0.8rem;overflow: hidden;margin-top: 0.2rem;font-size:0.28rem;font-weight:500;color:#212732;line-height:0.4rem;}
.booklist_2{width: 100%;height: auto;overflow: hidden;}
.booklist_2 li{float: left;width: 3.16rem;height: 1.9rem;overflow: hidden;margin-right: 0.58rem;margin-top: 0.3rem;}
.booklist_2 li:nth-of-type(2n){margin-right: 0;}
.booklist_2 li .pic{float: left;width: 1rem;height: 1.4rem;border: solid 1px rgba(0,0,0,0.1);position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;}
.booklist_1 li .pic img,.booklist_2 li .pic img,.booklist_3 li .pic img{width: 100%;height: 100%;}
.booklist_2 li .pic i{position: absolute;left: 0;top: 0;width: 0.7rem;height: 0.7rem;background: url(//www.360doc.cn/images/index/xs.png) no-repeat;background-size: 100%;}
.booklist_2 li .info{float: right;width: 1.96rem;height: auto;overflow:hidden;}
.booklist_2 li .info .p1{line-height: 0.4rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.booklist_2 li .info .p1 a{font-size: 0.28rem;color: #212732;font-weight: 500;}
.booklist_2 li .info .p2{color: #8B919B;margin-top: 0.1rem;font-size: 0.26rem;height: 0.37rem;line-height: 0.37rem;}
.booklist_2 li .info .p3{color: #FF3B30;font-size: 0.24rem;height: 0.33rem;line-height: 0.33rem;font-weight: 500;margin-top: 0.1rem;}
.booklist_2 li .info .p3 span{color: #8B919B;text-decoration: line-through;margin-left: 0.16rem;}

.booklist_1+h4{margin-top: 0.63rem;}
.booklist_2+h4{margin-top: 0.2rem;}
.booklist_3 li{height: 2.24rem;margin-top: 0.4rem;}
.booklist_3 li:nth-of-type(1){margin-top: 0.3rem;}
.booklist_3 li .pic{width: 1.6rem;height: 2.24rem;position: relative;border: solid 1px rgba(0,0,0,0.1);float: left;box-shadow:0px 0px 0.1rem 2px rgba(190,190,190,0.1);overflow: hidden;}
.booklist_3 li .info{float: right;width: 5.1rem;overflow: hidden;}

.booklist_3 li .pic i{position: absolute;left: 0;top: 0;width: 0.7rem;height: 0.7rem;background: url(//www.360doc.cn/images/index/xs.png) no-repeat;background-size: 100%;}
.booklist_3 li .pic b{color: #fff;text-align: center;position: absolute;left: 0.1rem;bottom: 0.1rem;background: rgba(0,0,0,0.8);border-radius: 0.04rem;font-size: 0.18rem;font-weight: 500;padding: 0.05rem 0.1rem;}
.booklist_3 li .info .p1{font-size: 0.34rem;height: 0.48rem;line-height: 0.48rem;font-style: normal;}
.booklist_3 li .info .p1 a{color: #212732;font-weight: 500;}
.booklist_3 li .info .p1 i{width: 0.58rem;height: 0.34rem;background-position: -3.12rem 0;display: inline-block;vertical-align: top;margin: 0.04rem 0.18rem 0 0;}
.booklist_3 li .info .p2{color:#494F5A;height: 0.4rem;line-height: 0.4rem;font-size: 0.28rem;margin-top: 0.06rem;}
.booklist_3 li .info .p3{font-size:0.28rem;color:#8B919B;line-height:0.4rem;margin-top: 0.06rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 0.74rem;}
.booklist_3 li .info .p4{height: 0.37rem;color: #FF4E44;font-size: 0.26rem;font-weight: 500;margin-top: 0.12rem;}
.booklist_3 li .info .p4 span{color: #8B919B;}
header{position: relative;z-index: 999;}
.booklist_1 li .pic sub,.booklist_3 li .pic sub{position: absolute;width: 0.58rem;height: 0.58rem;background: rgba(0,0,0,0.8);left: 0.2rem;bottom: 0.2rem;border-radius: 50%;box-shadow: 0 0 0.06rem rgba(0,0,0,0.8);}
.booklist_1 li .pic sub:before,.booklist_3 li .pic sub:before{content: '';display:block;width: 0.32rem;height: 0.32rem;background:url(//www.360doc.cn/images/index/sound.png) no-repeat;background-size: 100%;margin:0.12rem auto 0 ;}
.booklist_3 li .pic sub{width: 0.46rem;height: 0.46rem;left: 0.16rem;bottom: 0.16rem;}
.booklist_3 li .pic sub:before{width: 0.24rem;height: 0.24rem;margin: 0.1rem auto 0;}
.booktab{height: 0.48rem;margin-top: 0.5rem;overflow: hidden;}
.booktab a{float: left;height: 0.48rem;width: 0.86rem;line-height: 0.48rem;color: #8B919B;font-size: 0.34rem;margin-right: 0.6rem;position: relative;}
.booktab a.cur{color: #07C160;font-weight: 500;}
.booktab a:after{position:absolute;width: 0.12rem;height: 0.21rem;right: 0;top: 0.12rem;}
.booktab a.type1:after{background-position: -2.82rem 0;}
.booktab a.type2:after{background-position: -2.68rem 0;}
.booktab a.type3:after{background-position: -2.96rem 0;}
.ofhidden{overflow: hidden;}
#backgroundPopup11{position:fixed;height:100%;width:100%;top:0;left:0;background-color:#000;opacity: 0.60;z-index:10001;}
.link_vip_top{width: 7.5rem;height: 0.8rem;background:#F1CF98;margin: -0.3rem 0 0  -0.3rem;display: block;position: relative;}
.link_vip_top p{height: 0.8rem;line-height: 0.84rem;color: #4F2814;font-size: 0.3rem;font-weight: 500;text-indent: 0.3rem;}
.link_vip_top:after{position: absolute;right: 0.3rem;top: 0.27rem;width: 0.16rem;height: 0.26rem;background-position: -2.5rem 0;}
.booklist_1_wrap{width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.vipopen{width:6.88rem;height:0.8rem;background:#FBF2DE;border-radius:0.08rem;border:0.02rem solid #EDDCBA;margin: 0.4rem auto 0;overflow: hidden;display: block;box-sizing: content-box;}
.vipopen p:nth-of-type(1){height: 0.8rem;line-height: 0.8rem;font-size: 0.26rem;text-indent: 0.2rem;color: #564F49;font-weight: 500;float: left;}
.vipopen p:nth-of-type(2){width: 1.36rem;height: 0.5rem;text-align: center;line-height: 0.5rem;font-weight:500;overflow: hidden;background: #ECBB6D;font-size: 0.26rem;float: right;margin: 0.15rem 0.2rem 0 0;border-radius: 0.4rem;color: #4E2807;}
@media screen and (max-width: 328px) {
	.vipopen p:nth-of-type(1){    text-indent: 0;}
	.vipopen p:nth-of-type(2){margin-right: 0;}
}
.layer_b{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 999999;}
.layer_b .d1{width: 5.6rem;height: auto;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 0.08rem;}
.layer_b .d1 .p1{text-align: center;margin-top: 0.43rem;height:0.5rem;font-size:0.36rem;color:#000;line-height:0.5rem;}
.layer_b .d1 .p2{font-size:0.3rem;color:#888;line-height:0.46rem;text-align: center;padding: 0.23rem 0.65rem;}
.layer_b .d1 div:not(.d2){height: 1.04rem;border-top: solid 1px #E5E5E5;font-size: 0;text-align: center;}
.layer_b .d1 div:not(.d2) a{display:inline-block;width: 50%;text-align: center;font-size: 0.36rem;height: 1.04rem;line-height: 1.04rem;}
.layer_b .d1 div:not(.d2) a:nth-of-type(1){color:#000}
.layer_b .d1 div:not(.d2) a:only-child{color:#07C160 }
.layer_b .d1 div:not(.d2) a+a{color:#07C160;border-left:solid 1px #E5E5E5;}
.layer_b .d1 .d2{height: 1.38rem;padding-top: 0.1rem;font-size: 0;text-align: center;}
.video-panel{min-height: 12rem;padding: 0.04rem 0.2rem;background: none;margin-top: 0;}
.video_ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.video_ul li{width: 3.48rem;height: 3.8rem;overflow: hidden;box-shadow: 0 0.02rem 0.04rem 0 rgba(227,227,227,0.5);background: #fff;border-radius: 0.06rem;flex-shrink: 0;margin-bottom: 0.14rem;}
.video_ul li a{display: block;width: 100%;height: 100%;}
.video_ul li .v_face{position: relative;width: 100%;height: 2.3rem;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size:cover;}
.video_ul li .v_face img{width: 100%;height: 100%;}
.video_ul li .v_face:before{width: 0.54rem;height: 0.54rem;background-position: -1.6rem -0.9rem;position: absolute;bottom: 0.06rem;left: 0.14rem;}
.video_ul li .p1{font-size: .28rem;color: #262626;padding: 0 0.16rem;line-height: 0.4rem;height: 0.8rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.12rem;}
.video_ul li .d1{height: 0.36rem;margin-top: 0.1rem;padding: 0 0.16rem;}
.video_ul li .d1 span:nth-of-type(1){float: left;color: #88C0A0;font-size: 0.26rem;line-height: 0.36rem;}
.video_ul li .d1 span:nth-of-type(2){float: right;color: #AFAFAF;font-size: 0.22rem;line-height: 0.36rem;}
.index_music_ .d1{height: 1.24rem;overflow: hidden;}
.index_music_ .d1>div{float: left;width: 6rem;}
.index_music_ .d1>div p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_music_ .d1 .p1{line-height: .48rem;color:#000;font-size: .38rem;margin-top: .2rem;}
.index_music_ .d1 .p2{color: #BFBFBF;font-size: .28rem;margin-top: .02rem;line-height: .34rem;}
.index_music_ .d1>span{float: right;width: .8rem;height: 100%;display: flex;justify-content: right;align-items: center;}
.index_music_ .d1>span:before{width:.44rem;height:.44rem;background-position: -2.8rem -1.1rem;}
.index_music_ .d1.play>span:before{width:.44rem;height:.44rem;background-position: -2.3rem -1.1rem;}